<template>
  <div id="app">
    <router-view />
  </div>
</template>

<style lang="less">
html {
  scroll-behavior: smooth;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
#app::-webkit-scrollbar {
  display: none;
}
html,body,#app {
  background: rgba(0, 0, 0, 0.9)
}

// public style
// el-message style
.el-message.msgStyle {
  background: rgba(50, 50, 50, 0.5);
  backdrop-filter: blur(30px);
  border: none;
  width: 320px;
  font-size: 28px;
  color: #ffffff;

  .el-message__content {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #ffffff;
    padding-left: 10px;
  }
}
// van-toast style
.van-toast.toastStyle {
  display: flex;
  align-items: center;
  width: 42.6667vw;
  height: 13.3333vw;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(30px);
  border-radius: 1.3333vw;
  padding: 0;

  i {
    position: absolute;
    left: 3.3333vw;
    top: 50%;
    transform: translateY(-45%);
    font-size: 3.2vw;
    color: #ffffff;
  }

  .van-toast__text {
    font-size: 3.7333vw;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    line-height: 5.3333vw;
    color: #ffffff;
    padding-left: 1.3333vw;
  }
}

// @media screen and (max-width: 768px) {
//   html,
//   body,
//   #app {
//     background: rgba(0, 0, 0, 0.5);
//   }
// }
</style>
